<%--
  Created by IntelliJ IDEA.
  User: id
  Date: 2020/12/29
  Time: 18:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page  isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="../../../static/jquery-3.4.1.js"></script>
    <link rel="stylesheet" href="../../../static/util.css">
    <script type="text/javascript">
        $(function () {
            $("#di1").hover(function () {
                    $("#xs").show()
                    $("#d2").hide()
                    $("#d3").hide()
                    $("#d4").hide()
                }
            )
            $("#di2").hover(function () {
                    $("#d2").show()
                    $("#xs").hide()
                    $("#d3").hide()
                    $("#d4").hide()
                }
            )

            $("#di3").hover(function () {
                    $("#d3").show()
                    $("#xs").hide()
                    $("#d2").hide()
                    $("#d4").hide()
                }
            )

            $("#di4").hover(function () {
                    $("#d4").show()
                    $("#xs").hide()
                    $("#d3").hide()
                    $("#d2").hide()
                }
            )


            $("#center").hover(function () {
                $("#d4").hide()
                $("#xs").hide()
                $("#d3").hide()
                $("#d4").hide()
            })

            $("#i1").hover(function () {
                $("#xs").hide()
            })

            $("#i2").hover(function () {
                $("#d4").hide()
            })

            $("#aa").click(function () {
                    $("#zuo").fadeToggle("slow")
                }
            )

            $("#aaa").click(function () {
                    $("#you").fadeToggle("slow")
                }
            )


            $("body").mouseover(function () {

            })
        })

    </script>
</head>
<body>

<div id="left">
    <div class="top">
        <span>博宏</span>
    </div>

    <div id="i1"></div>
    <!--销售-->
    <div class="div1" id="di1">
        <img src="../../../static/img/01.png" alt=""><span>销售</span>
    </div>

    <!--库存-->
    <div class="div1" id="di2">
        <img src="../../../static/img/02.png" alt=""><span>库存</span>
    </div>

    <!--财务-->
    <div class="div1" id="di3">
        <img src="../../../static/img/03.png" alt=""><span>财务</span>
    </div>

    <!--信息-->
    <div class="div1" id="di4">
        <img src="../../../static/img/05.png" alt=""><span>资料</span>
    </div>
    <!--隐藏的小手-->
    <div id="i2"></div>
</div>



<!--销售的隐藏内容-->
<div class="d1" id="xs">
    <div class="dd1">
        <span class="s1">销售</span>
    </div>

    <li class="li1"><a href="">&nbsp;销售订单</a>&nbsp;&nbsp;<a href="">+</a></li>
    <li class="li1"><a href="">&nbsp;销售单</a>&nbsp;&nbsp;<a href="">&nbsp;&nbsp;&nbsp;+</a></li>
    <li class="li1"><a href="">&nbsp;销售退货</a>&nbsp;&nbsp;<a href="">+</a></li>


</div>




<div id="d2">
    <!--库存-->
    <div class="d1 d2">
        <div class="dd1" >
            <span class="s1">进货</span>
        </div>
        <li class="li1"><a href="">&nbsp;进货订单</a>&nbsp;&nbsp;<a href="">+</a></li>
        <li class="li1"><a href="">&nbsp;进货单</a>&nbsp;&nbsp;<a href="">&nbsp;&nbsp;&nbsp;+</a></li>
        <li class="li1"><a href="">&nbsp;进货退货</a></li>
    </div>

    <div class="d1 d2">
        <div class="dd1">
            <span class="s1">库存</span>
        </div>
        <li class="li1" style="text-align: center"><a href="">&nbsp;入库</a></li>
        <li class="li1" style="text-align: center"><a href="">&nbsp;出库</a></li>
    </div>

    <div class="d1 d2">
        <div class="dd1">
            <span class="s1">查询</span>
        </div>
        <li class="li1"><a href="">&nbsp;订单跟踪</a></li>
    </div>
</div>




<!--财务-->
<div id="d3">
    <div class="dd1">
        <span class="s1">往来账</span>
    </div>
    <li class="li1"><a href="">资金流水</a></li>
</div>
</div>


<div id="d4">
    <div class="dd1">
        <span class="s1">角色</span>
    </div>
    <li class="li1"><a href="">角色权限</a></li>
    <li class="li1"><a href="">员工</a>&nbsp;&nbsp;<a href="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+</a></li>
    <li class="li1"><a href="">门店</a>&nbsp;&nbsp;<a href="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+</a></li>
    <li class="li1"><a href="">仓库</a>&nbsp;&nbsp;<a href="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+</a></li>
</div>
</div>


<div id="top">
    <div id="rig">
        <a href="#" id="aa"><img src="../../../static/img/铃铛.png" alt="" class="img1"></a>&nbsp;
        <a href="#" id="aaa"> <img src="../../../static/img/人.png" alt="" class="img1"></a> <a href="" style="color: blueviolet">$session.name</a>
    </div>
</div>

<div id="zuo">
    <div>
        <span>预警报告</span>
    </div><br>
    <div>
        <span>低库存</span>
        <span>有0个商品低于库存预警线</span>
    </div><br>
    <div>
        <span>高库存</span>
        <span>有0个商品高于库存预警线</span>
    </div>
</div>
<div id="you">
    <div>
        <span>博宏</span>
    </div><br>
    <div>
        <span>低库存</span>
        <span>有0个商品低于库存预警线</span>
    </div><br>
    <div>
        <span>高库存</span>
        <span>有0个商品高于库存预警线</span>
    </div>
</div>






</body>
</html>
